/**
 * @name: 公共样式
 */
@charset "utf-8";

* {
	outline: none;
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	//min-width: 1320px;
	//overflow-y:hidden;
	color: #333;
	font-size: 14px;
	font-family: Microsoft YaHei, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input, select, textarea {
	font-family: Microsoft YaHei, serif;
}

a {
	text-decoration: none;
	cursor: pointer;
}

img {
	border: 0;
	vertical-align: middle;
}

ol, ul, li {
	list-style: none;
}

.iframe-cont {
	width: 100%;
	padding: 15px 20px 100px 30px;
}

.content {
	width: 100%;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
	background-color: #fff;
	.title {
		font-size: 18px;
	}
}
.mar-left-10{
	margin-left: 10px;
}
.mar-left-20{
	margin-left: 20px;
}
.mar-top-10{
	margin-top: 10px;
}
.mar-top-20{
	margin-top: 20px;
}
/* 数据表格 */
.data-table {
	border-spacing: 0;
	border-collapse: collapse;
	td {
		height: 40px;
		vertical-align: middle;
		border: 1px solid $color-line-public;
	}
	td:nth-child(odd) {
		width: 100px;
		text-align:center;
		//font-weight: 600;
		background-color:#F7F7F7 ;
		padding-right: 10px;

	}
	td:nth-child(even) {
		width: 230px;
		padding: 10px 10px;
		color: rgba(153, 153, 153, 100);
	}
}

/* el-dialog弹窗的按钮 */
.dialog-footer {
	padding-top: 40px;
	margin-bottom: 20px;
}

/* 日期选择-开始结束日期长度及中间的tip */
.el-date-editor--daterange.el-input__inner {
	width: 300px;
}
.el-date-editor .el-range-separator {
	width: auto;
	padding: 0;
	margin: 0 10px;
}

/* 表格表头行背景色 */
.el-table {
	background-color: rgba(0,0,0,0);
}
.el-table.th-bg th {
	background-color: $color-grey-light;
}
.el-table.no-bg {
	th, tr {
		background-color: rgba(0,0,0,0);
	}
}

/* el-input带搜索按钮，按钮样式 */
.search-group {
	width: 430px;
}
.search-group .el-input-group__append {
	background-color: $color-primary;
	border-color: $color-primary;
	color: #fff;
}

/* 页码 */
.el-pagination {
	margin-top: 60px;
	text-align: end;
}

/* 表单左右侧距离 */
.el-form-item__label {
	width: 100px;
}
.el-form-item__content {
	margin-left: 120px;
}


.f {
	display: flex;
	display:-webkit-flex;
	/* 设置为flex布局 */
}
.f-a-c {
	align-items: center;
	/* 交叉轴上如何对齐，每个div中心轴对齐 */
}
.f-a-b{
	align-items: baseline;
	/* 交叉轴上如何对齐，每个div中的第一行文字的基线（底部）对齐 */
}
.f-d-c {
	flex-direction: column;
	/* 排列方式，垂直 */
}
.f-w-w {
	flex-wrap: wrap;
	/* 换行方式 */
}
.f-j-c {
	justify-content: center;
	/* 居中 */
}
.f-j-b {
	justify-content: space-between;
	/* 两边排列 */
}
.f-j-a {
	justify-content: space-around;
	/* 靠近两边，没有接触到旁边 */
}
.f-j-s {
	justify-content: start;
	/* 靠近左侧 */
}
.f-s-0{
	flex-shrink: 0;
	/* 空间不足时也不被缩放,默认值为1会被缩放 */
}
.f-d-r{
	flex-direction: row;
	/*//水平布局*/
}
.f-d-c{
	flex-direction: column;
	/*垂直布局*/
}
.f-1{
	flex: 1;
}
.f-2{
	flex:2;
}
.f-3{
	flex: 3;
}

.el-dropdown-link {
	cursor: pointer;
	color: #409EFF;
	margin-left: 10px;
}
.el-icon-arrow-down {
	font-size: 12px;
}

.label-title {
	margin-right: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type='number'] {
	-moz-appearance: textfield;
}
